<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>就诊卡注册</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/public.css" media="all">
    <link rel="stylesheet" href="../js/lay-module/step-lay/step.css" media="all">
</head>
<body>
<div class="layuimini-container">
<!--    <div class="layuimini-main">-->

<!--        <div class="layui-fluid">-->
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-body" style="padding-top: 40px;">-->
<!--                    <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">-->
<!--                        <div carousel-item>-->
<!--                            <div>-->
<!--                                <form class="layui-form" style="margin: 0 250px;max-width: 460px;padding-top: 40px;">-->
<!--                                    <div class="layui-form-item">-->
<!--                                        <label class="layui-form-label">姓名:</label>-->
<!--                                        <div class="layui-input-block">-->
<!--                                            <input type="text" placeholder="请填写就诊人姓名" class="layui-input" lay-verify="number" required />-->

<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="layui-form-item">-->
<!--                                        <label class="layui-form-label">年龄:</label>-->
<!--                                        <div class="layui-input-block">-->
<!--                                            <input type="number" placeholder="请填写年龄" value="" class="layui-input" lay-verify="number" required>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="layui-form-item">-->
<!--                                        <label class="layui-form-label">性别:</label>-->
<!--                                        <div class="layui-input-block">-->
<!--                                            <select lay-verify="required">-->
<!--                                                <option value="1" selected>男</option>-->
<!--                                                <option value="2">女</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="layui-form-item">-->
<!--                                        <label class="layui-form-label">联系方式:</label>-->
<!--                                        <div class="layui-input-block">-->
<!--                                            <input type="number" placeholder="请填写联系方式" value="" class="layui-input" lay-verify="number" required>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="layui-form-item">-->
<!--                                        <label class="layui-form-label">备注说明:</label>-->
<!--                                        <div class="layui-input-block">-->
<!--                                            <textarea placeholder="入款备注" value="" class="layui-textarea"></textarea>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="layui-form-item">-->
<!--                                        <div class="layui-input-block">-->
<!--                                            <button class="layui-btn" lay-submit lay-filter="formStep">-->
<!--                                                &emsp;下一步&emsp;-->
<!--                                            </button>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </form>-->
<!--                            </div>-->
<!--                            <div>-->
<!--                                <div style="text-align: center;margin-top: 90px;">-->
<!--                                    <i class="layui-icon layui-circle"-->
<!--                                       style="color: white;font-size:30px;font-weight:bold;background: #52C41A;padding: 20px;line-height: 80px;">&#xe605;</i>-->
<!--                                    <div style="font-size: 24px;color: #333;font-weight: 500;margin-top: 30px;">-->
<!--                                        注册成功-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <hr>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--    </div>-->

    <table class="layui-table" lay-skin="nob">
        <colgroup>
            <col width="150">
            <col width="150">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>药品</th>
            <th>数量</th>
            <th>价格</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>孔子</td>
            <td>华夏</td>
            <td>有朋自远方来，不亦乐乎</td>
        </tr>
        <tr>
            <td>孟子</td>
            <td>华夏</td>
            <td>穷则独善其身，达则兼济天下</td>
        </tr>
        </tbody>
    </table>
    <div class="layui-btn-container">
        <button type="button" class="layui-btn layui-btn-primary" lay-on="test-load-1">风格1</button>
    </div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>

    layui.use('layui',function (){
        var layui = layui.layui
        action.offset=function (){}
    })
    $('.layui-btn').on('click',function (){
        layer.open({
            type: 1,
            offset: 'auto',
            content: '<div style="padding: 20px 100px;">已经支付</div>',
            btn: "关闭全部",
            btnAlign: "c", //按钮居中
            shade: 0, //不显示遮罩
            yes: function () {
                layer.closeAll();
            },
        })
    })
    // layui.use([ 'form', 'step','util'], function () {
    //     var $ = layui.$,
    //         step = layui.step;
    //     var layer = layui.layer;
    //     step.render({
    //         elem: '#stepForm',
    //         filter: 'stepForm',
    //         width: '100%', //设置容器宽度
    //         stepWidth: '750px',
    //         height: '500px',
    //         stepItems: [{
    //             title: '填写纠正卡信息'
    //         },{
    //             title: '完成'
    //         }]
    //     });
    //     $('.next').click(function () {
    //         step.next('#stepForm');
    //     });
    // })
</script>
</body>
</html>
